home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1833 / 1833.xpi / chrome / m / yoono.com / sidebar.jar / sidebar / sidebar.html < prev    next >
Encoding:
Extensible Markup Language  |  2009-12-16  |  15.6 KB  |  324 lines
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html debug="false" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  5. <head>
  6.   <!-- saved from url=(0014)about:internet -->
  7.   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  8.  
  9.   <link type="text/css" rel="stylesheet" href="css/skins.css" />
  10.   <link type="text/css" rel="stylesheet" href="css/sidebar.css" />
  11.   <link type="text/css" rel="stylesheet" href="css/signin.css" />  
  12.   <link type="text/css" rel="stylesheet" href="chrome://yoonorunner/skin/sidebar.css" />
  13.  
  14.  
  15.   <script type="text/javascript">    
  16.     var defaultServices = ["skin", "yoodgetInstances", "activityChronos",
  17.       // mandatory must be loaded here to prevent any missing dependencies during sidebar boot time :
  18.       "env","browser","observer","ajax","json","crypt.md5"
  19.      ];
  20.     // see sidebar.js for usage:
  21.     var deferredServices = ["highlighter", "adManager"];
  22.     var deferDelay = 5000; // ms
  23.   </script>
  24.   <script src="js/services/yservices.js" type="text/javascript"></script>
  25.  
  26.   <script src="js/yoono/YoonoAPI/Yoono.js" type="text/javascript"></script>
  27.   <script src="js/yoono/YoonoAPI/event/event.js" type="text/javascript"></script>
  28.   <script src="js/yoono/YoonoAPI/lang/lang.js" type="text/javascript"></script>
  29.   <script src="js/yoono/YoonoAPI/dom/dom.js" type="text/javascript"></script>
  30.   <script src="js/yoono/YoonoAPI/form/form.js" type="text/javascript"></script>  
  31.   <script src="js/yoono/YoonoAPI/localization/localization.js" type="text/javascript"></script>
  32.   <script src="js/yoono/YoonoAPI/template/template.js" type="text/javascript"></script>
  33.   <script src="js/yoono/YoonoAPI/thirdpart/prototype/prototype.js" type="text/javascript"></script>
  34.   <script src="js/yoono/YoonoAPI/thirdpart/scriptaculous/scriptaculous.js" type="text/javascript"></script>
  35.   <script src="js/yoono/YoonoAPI/thirdpart/scriptaculous/effects.js" type="text/javascript"></script>
  36.   <script src="js/yoono/YoonoAPI/thirdpart/scriptaculous/dragdrop.js" type="text/javascript"></script>
  37.   <script src="js/yoono/utils/utils.js" type="text/javascript"></script>
  38.   <script src="js/yoono/EventMgr/EMConst.js" type="text/javascript"></script>
  39.   <script src="js/interfaces.js" type="text/javascript"></script>
  40.   <script src="js/yoodgetwrapper.js" type="text/javascript"></script>
  41.   <script src="js/locales.js" type="text/javascript"></script>
  42.   <script src="js/sidebar.js" type="text/javascript"></script>
  43.  
  44.   <!-- control: menus -->
  45.   <script src="js/controls/menu/ContextualMenu.js" type="text/javascript"></script>
  46.   
  47.   <link type="text/css" rel="stylesheet" href="js/controls/searchbar/searchbar.css" />
  48.   <script type="text/javascript" src="js/controls/searchbar/SearchBar.js"></script>
  49.  
  50.  
  51.   <script type="application/x-javascript" src="chrome://global/content/nsDragAndDrop.js"></script>
  52.   <script type="application/x-javascript" src="chrome://global/content/nsTransferable.js"> </script>
  53.  
  54.   <!-- controls -->
  55.   <script src="js/controls/throbber/throbber.js" type="text/javascript"></script>
  56.   
  57.   <script language="JavaScript" type="text/javascript">
  58.  
  59.     // Global object used to access methods provided by the browser extension
  60.     window.YEXTIF = new ExternalInterface();
  61.  
  62.     // Global object used to give browser extension access to local methods
  63.     window.YINTIF = new InternalInterface();
  64.  
  65.   </script>
  66.  
  67. </head>
  68.  
  69. <body onload="if (YTools.argItems('online') == 'true') { yoonoSidebarInit(); }"
  70.       onunload="yoonoSidebarUnInit();"
  71.       onresize="if(window.ynSidebar)ynSidebar.resizeHandler(event);"
  72.       class="sidebar showboth"
  73.       style="display:none">
  74.  
  75.   <div class="thinyoodget thinonly skin-img" id="thinyoodget-template" onDropMethod="showOnlyOneYoodget"
  76.      ondrop="ynSidebar.dndObserver.onDropIE(window.event, 'showOnlyOneYoodget')"
  77.     >
  78.   <div class="ywicon-thin-container">
  79.     <img class="ywicon"
  80.          onclick="ynSidebar.toggleYoodgetPin(event);"
  81.     >
  82.  
  83.   </div>
  84.   <div class="ywicon-notification bg"><div class="ywicon-notification-counter"></div></div>
  85. </div>
  86.  
  87. <div class="yoodgetwrapper" id="yoodgetwrapper-template">
  88.  
  89.   <div class="iframe-container-topbg"></div>
  90.   <!-- tabindex=-1 :  http://wiki.codetalks.org/wiki/index.php/Docs/Keyboard_navigable_JS_widgets -->
  91.   <iframe allowtransparency="true" scrolling="no" src="" style="height:0" tabindex="-1"></iframe>
  92.   <div class="ywresize-handle skin-bgA" hover
  93.        onmousedown="ynSidebar.getYoodgetWrapper(this).manualResize(this, event);"> </div>
  94. </div>
  95.  
  96. <div id="thinsidebar" class="thinonly" onmouseup="ynSidebar.showMenu(event);">   
  97.   <div id="thinsidebar-head" class="skin-img" onDropMethod="externalYoodgetDrop"></div>
  98.   <div id="thinsidebar-bottom" class="skin-vstretch" onDropMethod="externalYoodgetDrop"></div>
  99.   <div onclick="ynSidebar.toggleDisplayMode();" id="btn-set-dual-mode" class="skin-img" hover
  100.        onDropMethod="externalYoodgetDrop"> </div>
  101.   <div id="thin-btn-config" class="skin-img"> </div>
  102.   <div id="thinyoodgetcontainer"></div>
  103.   <div id="thin-share-separator" class="skin-img largeonly"> </div>
  104.   <div id="share-btn"
  105.        class="skin-img"
  106.        ondrop="if (Prototype.Browser.IE) ynSidebar.dndObserver.onDropIE(window.event, 'shortcutDrop')"
  107.        onclick="ynSidebar.shortcutClick(event)"
  108.       > 
  109.   </div>
  110.   <div id="thin-bottom" onDropMethod="externalYoodgetDrop"
  111.        ondragover="window.event.returnValue=false"
  112.        ondrop="ynSidebar.dndObserver.onDropIE(window.event, 'externalYoodgetDrop')">
  113.     <div id="thin-bottom-img"></div>    
  114.     <div id="thin-ad-separator" class="skin-img"> </div>
  115.     <div id="thin-ad-label" class="largeonly" style="height:0px">
  116.       <div id="thin-ad-label-bg" class="common-img"></div>
  117.     </div>
  118.   </div>
  119. </div>
  120.  
  121.  
  122. <div id="sidebar" class="largeonly">
  123.  
  124.   <div id="search-container-box" class="skin-hstretch">
  125.     <div id="search-container-box-left" class="skin-img"></div>
  126.     <div id="search-container-box-right" class="skin-img"></div>
  127.     <div id="search-container" tooltiptext="OneRiot - Search the realtime web"></div>
  128.   </div>
  129.  
  130.   <div id="yoodgetlist-top">
  131.     <div id="emptysidebar" class="skin-bgA">
  132.       <div id="empty-watermark"></div>
  133.       <div id="no-widget-label" translate="true">No widgets selected !</div>
  134.       <div id="no-widget-button" hoverbox onclick="ynSidebar.showConfig()">       
  135.         <div class="button normal small" translate="true" onclick="ynSidebar.showConfig()">+  widget</div>
  136.       </div>
  137.     </div>
  138.     <div id="yoodgetlist" class="bg"></div>
  139.   </div>
  140.  
  141.   <div id="ad" style="height:0px">
  142.     <div id="text-ad">
  143.       <div id="ad-img"><img id="ad-img-img" src="" alt="" height="1px" width="1px"/></div>
  144.       <div id="ad-title" class="skin-bgA-txt1-fade"></div>
  145.       <div id="ad-descr" class="reco-link skin-bgA-txt1"></div>
  146.     </div>
  147.     <div id="banner-ad">
  148.       <iframe tabindex="-1" id="ad-iframe"></iframe>
  149.     </div>
  150.     <div id="prod-ad">
  151.       <div id="prod-ad-img"><img id="prod-ad-img-img" width="54" height="54" align="left"/></div>
  152.       <div id="prod-ad-title"></div>
  153.       <div id="ad-foo">
  154.         <img id="prod-ad-store-img" width="35" height="10" align="right"/>
  155.         <div id="prod-ad-price"></div>
  156.       </div>
  157.       <img id="prod-ad-rating" align="left"/>
  158.  
  159.     </div>
  160.   </div>
  161.   <div id="sidebarebar-bottom-bg" class="skin-hstretch"></div>  
  162. </div>
  163.  
  164. <!-- end sidebar -->
  165. <!--
  166. <div id="loginpanel" class="skin-bgA">
  167.  
  168.   <div id="login-welcome-title" translate="true">Welcome !</div>
  169.   <div id="login-text" translate="true">Your login or your password is invalid. Please type them in below:</div>
  170.  
  171.  
  172.   <div id="form-login">
  173.     <div id="form-login-fields" onkeyup="ynSidebar.checkLogin('', event)">
  174.       <input class="input" type="text" id="form-login-login" translate="true" emptyvalue="Login" value="Login"
  175.              onfocus="YTools.handleTextField(this, 'click')" onblur="YTools.handleTextField(this, 'blur')"/><br/>
  176.       <input class="input" type="text" id="form-login-password" translate="true" emptyvalue="Password"
  177.              value="Password" onfocus="YTools.handlePasswordField(this, 'click')"
  178.              onblur="YTools.handlePasswordField(this, 'blur')"/>
  179.  
  180.       <div id="forgot" class="skin-bgA-txt0" translate="true" onclick="ynSidebar.toggleForgotForm()">I forgot my password</div>
  181.     </div>
  182.     <div id="form-forgot" style="display:none">
  183.       <hr/>
  184.       <div translate="true" class="login-text">Type the email address you used in your Yoono profile:</div>
  185.       <input class="input" type="text" id="form-forgot-email" translate="true" emptyvalue="E-mail" value="E-mail"
  186.              onfocus="YTools.handleTextField(this, 'click')" onblur="YTools.handleTextField(this, 'blur')"/>
  187.  
  188.       <div id="form-forgot-ok" class="btn" style="display:block" hoverbox onclick="ynSidebar.remindPassword()">
  189.         <div class="skin btn-bgleft"></div>
  190.         <div class="skin btn-bgright"></div>
  191.         <span class="btn-caption" translate="true">Get it back</span>
  192.       </div>
  193.  
  194.     </div>
  195.   </div>
  196.   <div id="login-footer">
  197.     <hr/>
  198.     <div id="login-next-btn" class="login-footer-btn btn" hoverbox onclick="ynSidebar.checkLogin('')">
  199.       <div class="skin btn-bgleft"></div>
  200.       <div class="skin btn-bgright"></div>
  201.       <span class="btn-caption" translate="true">Next</span>
  202.  
  203.       <div class="skin right-arrow"></div>
  204.     </div>
  205.     <div id="login-error-message" style="display:none"></div>
  206.   </div>
  207. </div>
  208. -->
  209. <!-- MENUS -->
  210.  
  211. <div id="head-status-menu" style="display:none;" class="menu" onclick="ynSidebar.changeStatus(event)">
  212.   <div class="menu-item" hoverbox value="available">
  213.     <div class="menu-icon skin status-available"></div>
  214.     <span translate="true">available</span></div>
  215.   <div class="menu-item" hoverbox value="available" perso="?">
  216.     <div class="menu-icon skin status-available"></div>
  217.     <span translate="true">personal message...</span></div>
  218.   <div class="menu-sep skin-bordercolor-dark"></div>
  219.   <div class="menu-item" hoverbox value="dnd">
  220.     <div class="menu-icon skin status-dnd"></div>
  221.     <span translate="true">busy</span></div>
  222.   <div class="menu-item" hoverbox value="dnd" perso="back in 5 minutes">
  223.     <div class="menu-icon skin status-dnd"></div>
  224.     <span translate="true">back in 5 minutes</span></div>
  225.   <div class="menu-item" hoverbox value="dnd" perso="?">
  226.     <div class="menu-icon skin status-dnd"></div>
  227.     <span translate="true">personal message...</span></div>
  228.   <div class="menu-sep skin-bordercolor-dark"></div>
  229.   <div class="menu-item" hoverbox value="unavailable">
  230.     <div class="menu-icon skin status-unavailable"></div>
  231.     <span translate="true">invisible</span></div>
  232.   <div class="menu-item" hoverbox value="away">
  233.     <div class="menu-icon skin status-away"></div>
  234.     <span translate="true">not here</span></div>
  235.   <div class="menu-sep skin-bordercolor-dark"></div>
  236.   <div class="menu-item" hoverbox value="disconnect">
  237.     <div class="menu-icon skin status-disconnect"></div>
  238.     <span translate="true">disconnect</span></div>
  239. </div>
  240.  
  241.  
  242. <!-- SIGNIN PANE -->
  243.  
  244. <div id="signin-pane" class="skin-bgA" style="display:none">
  245.   <div id="signin-pane-header">
  246.       <div translate="true" class="signin-pane-header-label">Sign In</div>
  247.   </div>
  248.  
  249.   <div id="signin-pane-container" class="bgB">
  250.  
  251.     <div class="signin-pane-yoono-logo"></div>
  252.  
  253.     <div id="signin-pane-signin-registered" style="display:none">
  254.       <div style="margin-bottom:10px;margin-top: 30px;"><span translate="true">Already have a Yoono account?</span><br><span translate="true">Sign in to reconnect to your services:</span></div>
  255.  
  256.       <span class="form-label" translate="true">Username :</span>      
  257.       <div style="overflow: hidden; margin-top: 6px;">
  258.         <input onfocus="yoono.dom.addClassName(this, 'highlight')"
  259.                onblur="yoono.dom.removeClassName(this, 'highlight')"
  260.                onkeypress="yoono.form.onKeyPressTestEnter(event, function(){ynSidebar.signIn_onActivateBtClick()}, function(){ynSidebar.signIn_hide_errorMessage('signin-pane-signin-errormsg')})"
  261.                id="signin-pane-login" type="text" />
  262.       </div>
  263.  
  264.       <span class="form-label" translate="true">Password :</span>
  265.       <div style="overflow: hidden; margin-top: 9px;">
  266.         <input onfocus="yoono.dom.addClassName(this, 'highlight')"
  267.            onblur="yoono.dom.removeClassName(this, 'highlight')"
  268.            onkeypress="yoono.form.onKeyPressTestEnter(event, function(){ynSidebar.signIn_onActivateBtClick()}, function(){ynSidebar.signIn_hide_errorMessage('signin-pane-signin-errormsg')})"
  269.            id="signin-pane-password" type="password" />
  270.         <span translate="true" class="button light small link" style="text-decoration:none;display: block;margin-bottom: 10px" onclick="ynSidebar.signIn_display_forgotPasswordView()">Forgot your password?</span>
  271.       </div>
  272.       <div id="signin-pane-signin-throbber" class="signin-pane-throbber"></div>
  273.       <div id="signin-pane-signin-errormsg" class="signin-errormsg"></div>
  274.  
  275.       <div id="activate-sidebar-btn" translate="true" class="button light" onclick="ynSidebar.signIn_onActivateBtClick()">Sign In</div>
  276.     </div>
  277.  
  278.     <div id="signin-pane-signin-anonymous" style="display:none">
  279.       <div style="margin-bottom:10px"><span translate="true">To activate the Yoono sidebar,</span><BR><span translate="true">click on the button bellow:</span></div>
  280.       <div translate="true" class="button light" onclick="ynSidebar.signIn_onActivateBtClick()">Activate Sidebar</div>
  281.     </div>
  282.  
  283.     <div id="signin-pane-more-privacy" style="display:none">
  284.       <div style="padding:0 5px">
  285.         <div style="font-weight:bold;margin-bottom:10px" translate="true">Want more privacy?</div>
  286.         <div style="font-size:11px">
  287.           <span onclick="ynSidebar.signIn_createAccount()" translate="true" class="button light small link">Create a password</span> <span translate="true">to secure your Sidebar activation...</span>
  288.         </div>
  289.       </div>
  290.     </div>
  291.  
  292.     <div id="signin-pane-note" style="display:none">
  293.       <div style="padding:0 5px">
  294.         <div style="font-size:11px">
  295.           <span translate="true">Looking for a way to sign in with a different Yoono account? We don't currently support it but we're working on it!</span>
  296.         </div>
  297.       </div>
  298.     </div>    
  299.  
  300.     <div id="signin-pane-forgot-password-view" style="display:none">
  301.  
  302.       <div style="margin-bottom:10px" translate="true">Type the email address you used in your Yoono profile:</div>
  303.  
  304.       <input id="signin-pane-forgot-password-email"
  305.              onfocus="yoono.dom.addClassName(this, 'highlight')"
  306.              onblur="yoono.dom.removeClassName(this, 'highlight')"
  307.              onkeypress="yoono.form.onKeyPressTestEnter(event, function(){ynSidebar.signIn_remindPassword()}, function(){ynSidebar.signIn_hide_errorMessage('signin-pane-forgot-password-errormsg')})"
  308.              class="input" type="text" translate="true" />
  309.       <div id="signin-pane-forgot-password-throbber" class="signin-pane-throbber"></div>
  310.       <div id="signin-pane-forgot-password-errormsg" class="signin-errormsg"></div>
  311.  
  312.       <div id="signin-pane-forgot-password-sendbt" onclick="ynSidebar.signIn_remindPassword()" class="button light" translate="true">OK</div>
  313.       <div id="signin-pane-forgot-password-continue" onclick="ynSidebar.signIn_display_signinView(true)" class="button light" translate="true">Ok</div>
  314.       <div style="float:left;" onclick="ynSidebar.signIn_display_signinView(true)" class="button light link" translate="true">Cancel</div>
  315.  
  316.     </div>
  317.  
  318.   </div>
  319. </div>
  320.  
  321. </body>
  322.  
  323. </html>
  324.